<template>
    <div class="e-tree-table">
        <el-table
            :data="tableData"
            style="width: 100%; margin-bottom: 20px"
            row-key="id"
            border
            default-expand-all
            :tree-props="{
                children: 'children',
                hasChildren: 'hasChildren'
            }"
        >
            <el-table-column type="selection" width="55" fixed> </el-table-column>
            <el-table-column
                                    prop="materialClassName"
                                    align="left"
                                    label="物资类别"
                                    min-width="200"
                                    show-overflow-tooltip
                                    fixed
                                >
                                </el-table-column>
                                <el-table-column
                                    prop="materialName"
                                    label="物资名称"
                                    min-width="150"
                                    show-overflow-tooltip
                                    align="center"
                                >
                                </el-table-column>
                                <el-table-column
                                    prop="spec"
                                    label="规格"
                                    min-width="150"
                                    show-overflow-tooltip
                                    align="center"
                                >
                                </el-table-column>
                                <el-table-column
                                    prop="specificationModel"
                                    label="材质"
                                    min-width="150"
                                    show-overflow-tooltip
                                    align="center"
                                >
                                </el-table-column>
                                <el-table-column
                                    prop="unit"
                                    label="计量单位"
                                    min-width="150"
                                    show-overflow-tooltip
                                    align="center"
                                >
                                </el-table-column>
                                <el-table-column
                                    prop="unsettleQuantity"
                                    label="未结算数量"
                                    min-width="150"
                                    show-overflow-tooltip
                                    align="center"
                                >
                                </el-table-column>
                                <el-table-column
                                    prop="quantity"
                                    label="结算数量"
                                    min-width="150"
                                    show-overflow-tooltip
                                    align="center"
                                >
                                </el-table-column>
                                <el-table-column
                                    prop="price"
                                    label="验收单价（元）"
                                    min-width="150"
                                    show-overflow-tooltip
                                    align="center"
                                >
                                </el-table-column>
                                <el-table-column
                                    prop="settlePrice"
                                    label="结算单价（元）"
                                    min-width="150"
                                    show-overflow-tooltip
                                    align="center"
                                >
                                    <template slot-scope="scope">
                                    <el-input
                                        v-model="scope.row.d"
                                        placeholder="请输入内容"
                                        size="mini"
                                    ></el-input>
                                    </template>
                                </el-table-column>
                                <el-table-column
                                    prop="taxExcludedAmount"
                                    label="不含税金额（元）"
                                    min-width="150"
                                    show-overflow-tooltip
                                    align="center"
                                >
                                </el-table-column>
                                <el-table-column
                                    prop="difference"
                                    label="差额（元）"
                                    min-width="150"
                                    show-overflow-tooltip
                                    align="center"
                                >
                                </el-table-column>
                                <el-table-column
                                    prop="taxAmountDifference"
                                    label="税收差额（元）"
                                    min-width="150"
                                    show-overflow-tooltip
                                    align="center"
                                >
                                </el-table-column>
        </el-table>
    </div>
</template>

<script>
export default {
    data () {
        return {
            tableData: [
                {
                    id: '1',
                    a: 'a',
                    b: 'b',
                    c: 'c',
                    d: '',
                    e: '',
                    children: [
                        {
                            id: '1-1',
                            a: 'a',
                            b: 'b',
                            c: 'c',
                            d: '',
                            e: '',
                            children: [
                                {
                                    id: '1-1-1',
                                    a: 'a',
                                    b: 'b',
                                    c: 'c',
                                    d: '',
                                    e: ''
                                }
                            ]
                        }
                    ]
                }
            ]
        }
    }
}
</script>

<style lang="scss" scoped></style>